// 根据商品 id 获取商品详情接口

//      接口地址：http://jx.xuzhixiang.top/ap/api/detail.php
//     接口请求方式：get
//     接口参数：
//     id  商品的id
//     使用方式
//     获取id为1的商品的详情
//     http://jx.xuzhixiang.top/ap/api/detail.php?id=1
//     服务器返回json数据

let middleshop = document.querySelector(".gowu");
let obj = new URLSearchParams(location.search);
let id = obj.get("id");
        window.onload = function () {
            let shopapi = " http://jx.xuzhixiang.top/ap/api/detail.php"
            // let uid = localStorage.getItem("id");
            // console.log(uid);
            axios.get(shopapi, {
                    params: {
                        id
                    }
                })
                .then((r) => {
                    console.log(r)
                    let rr = r.data.data;
                    console.log(rr);
                    let ahtml = 
                        `          <figure>
            <div style="position: relative;">
                <div class="life">
                    <div class="face-box">
                        <img src="	${rr.pimg}"
                            alt="">
                    </div>
                    <div class="right">
                        <p class="title">
                            ${rr.pname}</p>
                        <div class="price-box">
                            <div class="price">
                                <i>￥</i>
                                <span class="now">${rr.pdesc}</span>
                            </div>
                            <div class="fr">
                                <i>517</i>
                                <p class="sale">交易成功：</p>
                            </div>
                        </div>
                        <div class="sku-box" >
                            <div class="shu">
                                <span class="tit"></span>
                                <div class="shu-list">
                                    <ul class="sku">
                                        <span class="tit">尺码</span>
                                        <li><a href="">s</a></li>
                                        <li><a href="">m</a></li>
                                        <li><a href="">l</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="shu">
                                <span class="tit">样式</span>
                                <div class="shu-list">
                                    <ul class="sku">
                                        <li><a href="">八分阔腿裤 55天工期</a></li>
                                        <li><a href="">八分马面裙 55天工期</a></li>
                                        <li><a href="">披风 55天工期</a></li>
                                        <li><a href=""> 衬衣 55天工期</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="stock">
                            <div class="cont">
                                <span class="tit">库存</span>
                                <span class="d1"> 270件</span>
                            </div>
                        </div>
                        <div class="buybtn">
                            <a href="" class="sp">立刻剁手</a>
                            
                            <a href="gwu.html" class="sr" onclick="btngwc()">
                                <i></i> 加入购物车</a>
                        </div>
                    </div>
                </div>

            </div>
        </figure>`
                    
                    middleshop.innerHTML = ahtml
                    // middleshop2.innerHTML = ahtml
                    // middleshop3.innerHTML = ahtml
                    // middleshop4.innerHTML = ahtml
                    // middleshop5.innerHTML = ahtml
                    // middleshop6.innerHTML = ahtml
                })
        }

        async function btngwc() {

  
  let uid = localStorage.getItem("id")
  let obj = new URLSearchParams(location.search);
  let pid = obj.get("id");
  // console.log(id);
  
  // 接口地址：http://jx.xuzhixiang.top/ap/api/add-product.php
  // 接口请求方式：get
  // 接口参数：
  //      uid  用户id
  //      pid  商品id
  //      pnum  要添加的商品数量

  // 使用方式

  //      http://jx.xuzhixiang.top/ap/api/add-product.php?uid=1&pid=1&pnum=1
  //      服务器返回json数据

  let giveapi = "http://jx.xuzhixiang.top/ap/api/add-product.php";
  let res = await axios.get(giveapi, { params: { uid, pid, pnum:1 } })
    .then((vv) => console.log(vv))


} 